﻿@model HomeCareLibrary.Models.UserDetailIDModel

 @Html.HiddenFor(model => model.ps_goal_string)
                                                   
<h3 class="personalization-heading no-Txtshadow">Goals</h3>
                                                  

                                                    <p class="top-data">
                                                        Your personalized home care program is customized for you based 
                              on your selected goals and the importance that you put on them.
                                                    </p>

                                                    <div class="goal-selected">
                                                        <ul class="list-unstyled list-inline">
                                                            <li class="top-goal">
                                                                <div class="radio">
                                                                    <label>
                                                                        <input type="radio" value="option21" id="optionsRadios2o" name="optionsRadios1" checked="true">
                                                                        One of my Top Goals
                                                                    </label>
                                                                </div>
                                                            </li>
                                                            <li class="secondary-goal">
                                                                <div class="radio">
                                                                    <label>
                                                                        <input type="radio" value="option22" id="optionsRadios2s" name="optionsRadios2" checked="true">
                                                                        Secondary Goals
                                                                    </label>
                                                                </div>
                                                            </li>
                                                            <li class="not-for-goal">
                                                                <div class="radio">
                                                                    <label>
                                                                        <input type="radio" value="option23" id="optionsRadios2n" name="optionsRadios3" checked="true">
                                                                        Not one of my Goals
                                                                    </label>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="goal-data">
                                                        <div class="goaltable">
                                                            <table class="table table-striped">
                                                                <tbody>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio"></td>
                                                                        <td>Energy Savings</td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio1"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio1"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio1"></td>
                                                                        <td>Health & Safety</td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio2"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio2"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio2"></td>
                                                                        <td>Avoiding Unscheduled Repairs</td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio3"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio3"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio3"></td>
                                                                        <td>Comfort & Convenience</td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio4"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio4"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio4"></td>
                                                                        <td>Maintaining Value</td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio5"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio5"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio5"></td>
                                                                        <td>Appearance</td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio6"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio6"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio6"></td>
                                                                        <td>Green (saving water & recycling)</td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio7"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio7"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio7"></td>
                                                                        <td>Saving Money (beyond energy)</td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio8"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio8"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio8"></td>
                                                                        <td>Space Management (including decluttering)</td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio9"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio9"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio9"></td>
                                                                        <td>Allergy Control</td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio11"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio11"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio11"></td>
                                                                        <td>Child Safety</td>
                                                                    </tr>
                                                                    <tr class="Goalcheck">
                                                                        <td width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="1" id="" name="radio12"></td>
                                                                        <td class="secondary-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="2" id="" name="radio12"></td>
                                                                        <td class="not-for-goal" width="45px;">
                                                                            <input class="insideGoalcheck" type="radio" value="0" id="" name="radio12"></td>
                                                                        <td>Senior Safety</td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>

 <span style="margin-left:10px;">
                   JSON:
                    @if (ViewBag.JsonString != string.Empty)
                   {
                      @ViewBag.JsonString
                   }</span>

<br /><br />
                         <span style="margin-left:10px;">
                  Request Content-Type:
                    @if (ViewBag.ContentType != string.Empty)
                   {
                      @ViewBag.ContentType
                   }
                      </span>

                      <br /><br />
                         <span style="margin-left:10px;">
                  Request URL:
                    @if (ViewBag.Url != string.Empty)
                   {
                      @ViewBag.Url
                   }
                      </span>
<script type="text/javascript">
    jQuery(document).ready(function () {
       
        checkedgoals();
        $('input[type="radio"]').iCheck({
            checkboxClass: 'icheckbox_futurico',
            radioClass: 'iradio_futurico',
            increaseArea: '20%' // optional
        });
    });
</script>
                                                